/* 全局 */
#app, body, html {width: 100%;height: 100%;background-color: #fff;font-size: 14px;}
a {color: #333;text-decoration: none;}
a:hover, a:focus {color: #000;text-decoration: none;}
a:link {text-decoration: none;}
a:-webkit-any-link {text-decoration: none;}
a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: border-box;outline:none !important; -webkit-appearance: none;}
* {margin: 0;padding: 0;box-sizing: border-box;outline: none;}

.layout {display: flex;height: 100%;}
.layout-sidebar {display: flex;flex-flow: column;width: 210px;background: #f7f9fa;border-right: 1px solid #eee;}
.layout-sidebar-top {height:100px;border-bottom: 1px solid #eee;}
.layout-sidebar-scroll {flex: 1;overflow: auto;overflow-x:hidden;}
.layout-sidebar-bottom {height:80px;line-height: 80px;border-top: 1px solid #eee;padding:0 40px;}
.layout-sidebar-bottom h2 {color: #ddd;}

.layout-sidebar-scroll::-webkit-scrollbar {width: 5px;height: 5px;}
.layout-sidebar-scroll::-webkit-scrollbar-thumb {background-color: rgba(50, 50, 50, 0.3);border-radius:5px;}
.layout-sidebar-scroll::-webkit-scrollbar-thumb:hover {background-color: rgba(50, 50, 50, 0.6);}
.layout-sidebar-scroll::-webkit-scrollbar-track {background-color: transparent;}
.layout-sidebar-scroll::-webkit-scrollbar-track:hover {background-color: transparent;}

.layout-main {flex:1;overflow: auto;}
.layout-container {width: 1200px;margin-left: auto;margin-right: auto;}
.layout-header {margin-top: 40px;display: flex;justify-content: space-between;align-items: center;height:40px;}
.layout-body {padding:20px 0 0 0;}
.layout-footer {margin: 50px 0 30px 0;text-align: center;color: #999;}

/*响应式*/
@media screen and (max-width:1440px) {
	.layout-main {padding:0 20px;}
	.layout-container {width: 980px;}
}


.layout-sidebar .el-menu {background: transparent;border: 0;}

.header-title h2 {font-size: 24px;font-weight: normal;}
.header-right {display: flex;align-items: center;height:100%;}
.header-item {margin-left: 20px;}
.header-item a {font-size: 16px;color: #999;}
.header-item a:hover {color: #333;}
.header-item i {font-size: 18px;color: #999;}
.header-item.user {display: flex;align-items: center;cursor: pointer;}
.header-item.user i {font-size: 14px;color: #ccc;}


.pageTabs {}
.pageTabs .el-tabs__item {font-size: 16px;}
.pageTabs .el-tabs__nav-wrap::after {height: 1px;}
.pageTabs .el-tabs__active-bar {height:4px}
.pageTabs .el-tabs__item {line-height: 1;}


.el-table th {background: #f4f5f9;color: #86939f;font-weight: normal;}
